<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" session="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
    <META HTTP-EQUIV="Expires" CONTENT="0">
    <title>红包发放记录</title>

    <link href="${pageContext.request.contextPath}/static/css/common.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/font-awesome-4.3.0/css/font-awesome.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/css/select2.min.css"
          rel="stylesheet">
    <!-- jqgrid-->
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/custom.ui.jqgrid.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/layer/skin/layer.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/static/plugins/jqGrid/css/style.css" rel="stylesheet">

    <script src="${pageContext.request.contextPath}/static/js/jquery-1.11.3.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/jquery.form.js"></script>
    <script src="${pageContext.request.contextPath}/static/js/common.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/bootstrap-3.3.5/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/i18n/grid.locale-cn.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/jqGrid/js/minified/jquery.jqGrid.min.js"></script>
    <script src="${pageContext.request.contextPath}/static/plugins/layer/layer.js" type="text/javascript"></script>
	<script src="${pageContext.request.contextPath}/static/js/global.js"></script>
	<script src="${pageContext.request.contextPath}/static/plugins/select2-4.0.0/dist/js/select2.min.js"></script>
	<script type="text/javascript"
            src="${pageContext.request.contextPath}/static/plugins/My97DatePicker/WdatePicker.js"></script>
    <style type="text/css">
        .main h5 a {
            position: absolute;
            right: 20px;
            font-size: 14px;
            bottom: 0px;
            display: inline-block;
            padding: 5px;
        }

        .table_list tbody tr {
            height: 35px;
            text-align: center;
        }
        .butt{
        	width: 100px;
		}
		.left ul li{
			
			*line-height:40px;
			
			*padding-left:20px;
		}
		
		.left ul li a, .left ul li a:hover{
			*color:#fff;
		}
		.list-tab li{
			*+padding:0px 10px 10px;
		}
		.wrapper{
			*margin-left:270px;
		}
		.btn{
			*width:60px;
		}
		.lt{
			float:left;
		}
		.ui-pg-button{
			*background:#ccc;
		}
		.col-md-3{
			*width:100px;
		}
		.form-group{
			*overflow: hidden;
		}
		#ptime1,#ptime2{
			width:80px;
			width:80px\0;
			*height:34px;
			*width:60px;
		}
		.form-control{
			*padding:0;
			
		}
		.input-group .input-group-addon{
			height:34px;
			height:34px\9;
			width:50px;
			width:50px\9;
			*height:22px;
		}
		.form-lable{
			*width:100px;
			text-align:center;
		}
		.selectlabe1{*+width:60px !important;}
		.selectlabe2{
			*width:60px !important;
		}
		.input-group .input-group-addon{line-height:22px;}
    </style>
</head>
<body view="menu-item-4142">
<jsp:include page="../../top.jsp"></jsp:include>
<div class="right">
 	<div class="wrapper">
        <div class="panel panel-default">
            <div class="panel-heading">
                <span><strong>查询条件</strong></span>

                <div class="ibox-tools">
                    <a class="collapse-link"> <i class="fa fa-chevron-down"></i></a>
                    <a class="collapse-link  d-n"> <i class="fa fa-chevron-up"></i></a>
                </div>
            </div>
            <div class="panel-body">
                <form class="form-horizontal">
	                 <c:if test="${userRole == 1 || userRole == 2 || userRole == 21}">
		                <div class="form-group">
		               		<label class="selectlabe1 col-md-1 form-lable lt">公司名称：</label>
		                    <div class="selectdivs col-md-3 lt">
		                        <select name="agtCode" id="agtCode" class="form-control col-md-1"></select>
		                    </div>
				          	<label class="selectlabe2 col-md-1 form-lable lt">小区名称：</label>
		                    <div class="selectdivs2 col-md-3 lt">
		                    	<select name="communityId" id="communityId" class="form-control col-md-1"></select>
		                    </div>
		                    <label class="selectlabe2 col-md-1 form-lable lt">红包名称：</label>
		                    <div class="selectdivs2 col-md-3 lt" >
		                        <input id="rName" name="rName" type="text" class="form-control"/>
		                    </div>
		                    <label class="selectlabe2 col-md-1 form-lable lt" >门禁名称：</label>
		                    <div class="selectdivs2 col-md-3 lt">
		                        <input id="cbName" name="cbName" type="text" class="form-control"/>
		                    </div>
				      </div>
				       <div class="form-group">
	                         <label class="selectlabe1 col-md-1 lt form-lable">PID：</label>
	                    	<div class="selectdivs col-md-3 lt" >
	                        	<input id="pid" name="pid" type="text" class="form-control"/>
	                    	</div>
	                      	<label class="selectlabe2 col-md-1 lt form-lable">手机号：</label>
	                        <div class="selectdivs2 col-md-3 lt">
	                            <input id="tel" name="tel" type="text" class="form-control"/>
	                        </div>
		                    <label class="selectlabe2 col-md-1 form-lable lt">日期范围：</label>
	                        <div class="col-sm-3 lt" style="padding-left: 0px !important;padding-right: 0px !important;width: 212px;">
	                            <div class="input-group">
	                                <input class="form-control col-md-1 lt" name="ptime1" id='ptime1'
	                                       onclick='WdatePicker()'/>
	
	                                <div class="input-group-addon lt">to</div>
	                                <input name='ptime2' id='ptime2' onclick='WdatePicker()'
	                                       class="form-control lt col-md-1"/>
	                            </div>
	                        </div>    
	                        <div class="col-md-1 form-action lt">
	                            <button class="btn btn-success form-control lt" id="query">查询</button>
	                        </div>
	                        <div class="col-md-1 form-action lt">
	                            <button class="btn btn-success form-control lt" id="resetForm">清空</button>
	                        </div>
	                     </div>
	                  </c:if>
	                 <c:if test="${userRole == 3 || userRole == 4}">
		                <div class="form-group">
				          		<label class="selectlabe1 col-md-1 lt form-lable">小区名称：</label>
	                    <div class="selectdivs2 col-md-3 lt">
	                    	<select name="communityId" id="communityId" class="form-control col-md-1"></select>
	                    </div>
	                    <label class="selectlabe2 col-md-1 lt form-lable">资源名称：</label>
	                    <div class="selectdivs2 col-md-3 lt" >
	                        <input id="rName" name="rName" type="text" class="form-control"/>
	                    </div>
	                    <label class="selectlabe2 col-md-1 lt form-lable" >门禁名称：</label>
	                    <div class="selectdivs2 col-md-3 lt">
	                        <input id="cbName" name="cbName" type="text" class="form-control"/>
	                    </div>
	                    <label class="selectlabe2 col-md-1 form-lable lt">PID：</label>
	                    <div class="selectdivs2 col-md-3 lt" >
	                        <input id="pid" name="pid" type="text" class="form-control"/>
	                    </div>
				      </div>
				       <div class="form-group">
	                      	<label class="selectlabe1 col-md-1 lt form-lable">手机号：</label>
	                        <div class="selectdivs2 col-md-3 lt">
	                            <input id="tel" name="tel" type="text" class="form-control"/>
	                        </div>
		                    <label class="selectlabe2 col-md-1 form-lable lt">日期范围：</label>
	                        <div class="col-sm-3 lt" style="padding-left: 0px !important;padding-right: 0px !important;width:212px;">
	                            <div class="input-group">
	                                <input class="form-control lt col-md-1" name="ptime1" id='ptime1'
	                                       onclick='WdatePicker()'/>
	
	                                <div class="input-group-addon lt">to</div>
	                                <input name='ptime2' id='ptime2' onclick='WdatePicker()'
	                                       class="form-control lt col-md-1"/>
	                            </div>
	                        </div>    
	                        <div class="col-md-1 lt form-action" >
	                            <button class="btn btn-success form-control" id="query">查询</button>
	                        </div>
	                        <div class="col-md-1 lt form-action">
	                            <button class="btn btn-success form-control" id="resetForm">清空</button>
	                        </div>
	                     </div>
	                  </c:if>
                </form>
            </div>
        </div>
	    <div class="jqGrid_wrapper">
	        <div id="jqGrid_operation" class="jg-grid">
	            <h1>红包发放记录</h1>
	            <div class="jqGrid_operation" id="action"></div>
	        </div>
	        <table id="jqGrid"></table>
	        <div id="jqGrid_paper"></div>
	    </div>
	</div>
</div>
<script>
    $(document).ready(
            function () {
                $.jgrid.defaults.styleUI = "Bootstrap";
                $("#jqGrid").jqGrid({
                      url: "${pageContext.request.contextPath}/admin/redPacket_sendRedNotes.action",
                      mtype: 'POST',
                      datatype: "json",
                      height: 350,
                      autowidth: true,
                      shrinkToFit: true,
                      rowNum: 10,
                      rowList: [10, 20, 30],
                      colNames: ['序号','合作方名称', '小区名称', '门禁PID', '门禁名称', '红包名称',
                          '用户手机号', '红包金额', '开门时间'],
                      colModel: [{
                          name: "SID",
                          index: "SID",
                          key: true,
                          hidden: true
                      }, {
                          name: 'AGTNAME',
						  width:60,
                          index: 'AGTNAME'
                      }, {
                          name: 'COMMUNITYNAME',
						  width:60,
                          index: 'COMMUNITYNAME'
                      }, {
                          name: 'PID',
                          index: 'PID'
                      },{
                          name: 'LOCKNAME',
                          index: 'LOCKNAME'
                      },{
                          name: 'RNAME',
						  width:40,
                          index: 'RNAME'
                      }, {
                          name: "TEL",
						  width:80,
                          index: "TEL"
                      }, {
                          name: "AMOUNT",
						  width:40,
                          index: "AMOUNT"
                      }, {
                          name: "CTIME",
                          index: "CTIME"
                      }],
                      sortname: 'sid',
                      sortorder:'desc',
                      rownumbers: true,
                      jsonReader: {
                          root: 'rows',
                          page: "page",
                          total: 'total',
                          records: "records",
                          repeatitems: false
                      },
                      pager: "#jqGrid_paper",
                      viewrecords: true,
                      multiselect: true,
                      hidegrid: false,
                      loadComplete: function(){
                    		var re_records = Number($("#jqGrid").getGridParam('records'));
                    		var page = Number($("#jqGrid").getGridParam('page'));
                    		var rows=Number($("#jqGrid").getGridParam('rowNum'));
                    		var num = re_records-(page-1)*rows;
                    		if(num < rows)
                    		{
                    			for(var i=num;i<rows;i++){
                    				$("#jqGrid").jqGrid("addRowData",(i+1),
                            				{ "SID":"", "AGTNAME":"", "COMMUNITYNAME":"", "PID":"", "LOCKNAME":"","RNAME":"","TEL":"","AMOUNT":"","CTIME":""}
                    				,"");
                    			}
                    			$(".ui-paging-info").html(re_records-num+1 +" - "+re_records+"　共 "+re_records+" 条");
                    		}
                    	}
                  });
                if('${userRole}' == '1' || '${userRole}' == '2' ){
	                $.post("${pageContext.request.contextPath}/admin/tagent_list.action", function (data) {
			            $("#agtCode").empty();
			            $("#agtCode").append("<option value=''>请选择公司</option>");
			            for (var i = 0; i < data.length; i++) {
			                $("#agtCode").append("<option value='" + data[i].agtCode + "'>" + data[i].agtName + "</option>");
			            }
			            $("#agtCode").select2({
			                "placeholder": "请选择公司",
			                "width": "100%"
			            })
			            $("#communityId").select2({
					       "placeholder": "请选择社区",
					       "minimumResultsForSearch":-1,
					       "width": "100%"
					    })
			            $("#communityId").append("<option value=''>请选择社区</option>");
			            $("#agtCode").change(function () {
			            	var data = $(this).val();
			            	$.post("${pageContext.request.contextPath}/admin/tcommunity_list.action", {"agtCode": data},function (data) {
					            $("#communityId").empty();
					            $("#communityId").append("<option value=''>请选择社区</option>");
					            for (var i = 0; i < data.length; i++) {
					                $("#communityId").append("<option value='" + data[i].sid + "'>" + data[i].communityName + "</option>");
					            }
					            $("#communityId").select2({
					                "placeholder": "请选择社区",
					                "width": "100%"
					            })
					        }, "json");
			            })
			        }, "json");
                }else if('${userRole}' == '3' || '${userRole}' == '4' ){
                	$.post("${pageContext.request.contextPath}/admin/tcommunity_list.action", 
                        function (data) {
			            $("#communityId").empty();
			            $("#communityId").append("<option value=''>请选择社区</option>");
			            for (var i = 0; i < data.length; i++) {
			                $("#communityId").append("<option value='" + data[i].sid + "'>" + data[i].communityName + "</option>");
			            }
			            $("#communityId").select2({
			                "placeholder": "请选择社区",
			                "width": "100%"
			            })
			        }, "json");
                }
                <!--查询-->
                jQuery("#query").click(query);
                jQuery("#resetForm").click(resetForm);
                //jQuery("#excel").click(excel);
            });

    <!--刷新jqGrid表格数据-->
    function refreshGrid() {
        $("#jqGrid").trigger("reloadGrid");
    }
    function resetForm() {
        location.reload();
        return false;
    }
    
    function query() {
        var $agtCode = $("#agtCode").val();
        var $communityId = $("#communityId").val();
        var $rName = $("#rName").val();
        var $cbName = $("#cbName").val();
        var $pid = $("#pid").val();
        var $tel = $("#tel").val();
        var $ptime1 = $("#ptime1").val();
        var $ptime2 = $("#ptime2").val();
        $("#jqGrid").jqGrid('setGridParam', {
            url: "${pageContext.request.contextPath}/admin/redPacket_sendRedNotes.action",
            postData: {
                'agtCode': $agtCode,
                'communityId': $communityId,
                'rName': $rName,
                'cbName': $cbName,
                'pid': $pid,
                'tel': $tel,
                'ptime1': $ptime1,
                'ptime2': $ptime2
            }, //发送数据
            page: 1
        }).trigger("reloadGrid"); //重新载入*/
        return false;
    }
    
</script>
</body>
</html>
